<!-- Layout 母模板 -->
<% extend('../../template/layout.art') %>

    <!-- body -->
    <% block('content', function(){ %>

        <div class="je-p20 report-main">
            <p><span>销售日期</span>
                <input type="text" name="title" id="inpstart" placeholder="交易开始日期" readonly class="je-input je-pl5 je-pr5">
                <input type="text" name="title" id="inpend" placeholder="交易结束日期" readonly class="je-input je-pl5 je-pr5">
                <input type="button" class="je-btn je-btn-small je-btn-normal serch-btn" value="查询">
            </p>
            <h1>售票员结算报表</h1>
            <p><span>售票员:</span><span>查询时间:</span></p>
            <table class="je-table sale-balance-report">
                <thead>
                    <tr>
                        <th>售票方式</th>
                        <th>交易类型</th>
                        <th>团队/散客</th>
                        <th>票种</th>
                        <th>票型</th>
                        <th>票价</th>
                        <th>门票数量</th>
                        <th>总金额</th>
                    </tr>
                </thead>
                <tbody class="sale-report">

                </tbody>
            </table>
            <h1>收款情况报表</h1>
            <table class="je-table paner-sale">
                <thead>
                    <tr>

                        <th>收款方式</th>

                        <th>收款金额</th>
                    </tr>
                </thead>
                <tbody class="sale-report">

                </tbody>
            </table>
            <h1>合作单位销售报表</h1>
            <table class="je-table paner-sale">
                <thead>
                    <tr>
                        <th>合作单位</th>
                        <th>售票方式</th>
                        <th>交易类型</th>
                        <th>票型</th>
                        <th>票价</th>
                        <th>门票数量</th>
                        <th>总金额</th>
                    </tr>
                </thead>
                <tbody class="sale-report">

                </tbody>
            </table>
            <h1>销售条码段报表</h1>
            <table class="je-table paner-sale">
                <thead>
                    <tr>
                        <th>交易类型</th>
                        <th>条码类型</th>
                        <th>条码标记</th>
                        <th>条码段</th>
                        <th>条码数量</th>
                    </tr>
                </thead>
                <tbody class="sale-report">

                </tbody>
            </table>


        </div>
        <script type="text/javascript">
            jeui.use(["jquery", "jeBox", "jeLayout", "jeTabPane", "jeAccordion", "jeCheck", "jeDate", "jeNavTab", "jeProgress", "jeSelect", "jeDropdown", "jeTable"], function() {
                var start = {
                    format: 'YYYY-MM-DD hh:mm:ss',
                    minDate: '2014-06-16 00:00:00', //设定最小日期为当前日期
                    isinitVal: true,
                    //festival:true,
                    ishmsVal: false,
                    maxDate: $.nowDate({
                        DD: 0
                    }), //最大日期
                    choosefun: function(elem, val, date) {
                        end.minDate = date; //开始日选好后，重置结束日的最小日期
                        endDates();
                    }
                };
                var end = {
                    format: 'YYYY-MM-DD hh:mm:ss',
                    minDate: $.nowDate({
                        DD: 0
                    }), //设定最小日期为当前日期
                    //festival:true,
                    maxDate: '2099-12-31 23:59:59', //最大日期
                    choosefun: function(elem, val, date) {
                        start.maxDate = date; //将结束日的初始值设定为开始日的最大日期
                    }
                };
                //这里是日期联动的关键        
                function endDates() {
                    //将结束日期的事件改成 false 即可
                    end.trigger = false;
                    $("#inpend").jeDate(end);
                }
                $('#inpstart').jeDate(start);
                $('#inpend').jeDate(end);
            })
        </script>

        <% }) %>